//SearchVideo Page Less
.search-video-container {
  &.search-result-page {
    .search-result-page-content{
      .search-record-list {
        > .ant-spin-nested-loading {
          > .ant-spin-container {
            .search-record-inner-list{
              display: grid;
              grid-template-columns: repeat(4, 1fr);
              gap: 16px;
            }
          }
        }
      }
    }

  }
}
@media (min-width: @screen-lg-min) and (max-width: @screen-lg-max) {
  .search-video-container {
    &.search-result-page {
      .search-result-page-content{
        .search-record-list {
          > .ant-spin-nested-loading {
            > .ant-spin-container {
              .search-record-inner-list{
                grid-template-columns: repeat(3, 1fr);
              }

            }
          }
        }
      }
    }
  }
}
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
  .search-video-container {
    &.search-result-page {
      .search-result-page-content{
        .search-record-list {
          > .ant-spin-nested-loading {
            > .ant-spin-container {
              .search-record-inner-list{
                grid-template-columns: repeat(2, 1fr);
              }

            }
          }
        }
      }
    }
  }
}
@media(max-width: @screen-sm-max) {
  .search-video-container {
    &.search-result-page {
      .search-result-page-content{
        .search-record-list {
          > .ant-spin-nested-loading {
            > .ant-spin-container {
              .search-record-inner-list{
                grid-template-columns: repeat(1, 1fr);
              }

            }
          }
        }
      }
    }
  }
}
